<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="G:\VsCode\WorkSpace\MyProject\web-utils-convert\dist\beautify.js"></script>
</head>
<body>

</body>

<script>


    let jsonContent = "{\"result\":{\"id\":8,\"createTime\":\"2022-10-04 22:47:12\",\"updateTime\":\"2022-10-04 22:47:12\",\"isDel\":0,\"routerPath\":null,\"parentRouterName\":null,\"routerName\":null,\"routerComponent\":null,\"menuIcon\":\"location\",\"level\":1,\"name\":\"工具库\",\"parentId\":null,\"groupTitle\":null,\"sort\":1,\"type\":0,\"childrens\":null},\"code\":\"200\",\"message\":\"处理成功\",\"otherMessage\":null,\"success\":true}"
    let jsonContentBeanutify = beautifyAny(jsonContent, {format: 'json'})
    console.log(jsonContentBeanutify)


    let cssContent = ".articleDetailPage .box-card{width:60%;margin:var(--articleDetailPage-margin);}@media screen and (max-width:980px){.articleDetailPage .box-card{width:90%;margin-left:10%;}}.articleDetailPage ol,ul{list-style-type:none}.articleDetailPage a{text-decoration:none;color:var(--default-a-color);line-height:var(--default-a-lineheight);}.articleDetailPage a:visited{color:var(--default-a-color);}.articleDetailPage a:hover{color:var(--default-a-hover-color) !important;background:var(--default-a-hover-backgroundcolor);}.articleDetailPage .article-info{margin-bottom:5rem;}.articleDetailPage .article-info h1{text-align:center;font-size:2rem;}.articleDetailPage .article-info .article-author-info{display:flex;}.articleDetailPage .article-info .article-author-info .author-info-box{display:flex;flex-direction:column;padding-left:1rem;}.articleDetailPage .article-info .article-author-info .author-info-box .meta-box{color:rgb(138,145,159)}"
    let cssContentBeanutify = beautifyAny(cssContent, {format: 'css'})
    console.log(cssContentBeanutify)

</script>

</html>